@charset "utf-8";
.dpn{ display:none;}
.im0l{display: block}
.logo{width:300px;}
#search_tips {margin:78px 0 0 360px;}





/*左右布局*/
.m-screen .middle {width:680px;float:left;margin-left:220px;}
.m-screen .right{width:280px;float:right;height:442px;padding:0px;}

/*幻灯广告区域*/
#focus{width:680px;height:375px;overflow:hidden;position:relative;}
#focus ul{height:375px;position:absolute;}
#focus ul li{float:left;width:680px;height:375px;overflow:hidden;position:relative;}
#focus ul li img{width:680px;height:375px;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus ul li p{display: block;position: absolute;bottom: 40px;font-size: 24px;color: #fff;font-weight: bold;height: 30px;line-height: 30px;padding-left: 30px;}
#focus .btn{position:absolute;width:200px;height:14px;right:10px;bottom:15px;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:20px;height:3px;_font-size:0;margin-right:5px;cursor:pointer;margin-top: 7px; background:rgba(255,255,255,.6)}
#focus .btn span.on{background:#fff;height: 3px;width:20px;margin-top: 10px;}
#focus .preNext{width:45px;height:100px;position:absolute;top:150px;background:url(img/sprite.png) no-repeat 0 0;cursor:pointer;display:block;opacity:1}
#focus .pre{left:10px;}
#focus .next{right:10px;background-position:right top;}
/*幻灯区域下产品推荐*/
.recomment-box{ width:680px; margin-top:15px; overflow:hidden;position:relative;height:165px}
.recomment-box li{float:left;width:680px;overflow:hidden;transition: all 0.2s linear 0s;font-size:12px;position:relative;}
.recomment-box .slick-btn-left{ width:30px; height:50px;background:url(img/leri.png) no-repeat 0px -60px; position:absolute; top:50%; z-index:1; left:0px; margin-top:-24px; cursor:pointer;}
.recomment-box .slick-btn-right{ width:30px; height:50px;background:url(img/leri.png) no-repeat; position:absolute; top:50%; z-index:1; right:0px; margin-top:-24px; cursor:pointer;}
.recomment-box .slick-btn-left,.recomment-box .slick-btn-right { opacity:0;}
.recomment-box:hover .slick-btn-left,.recomment-box:hover .slick-btn-right { opacity:.9;}
.recomment-box li dd { width:216px; height:165px; float:left;background:url(img/20191224924.jpg) no-repeat center; background-size:220px 165px;}
.recomment-box li dd:nth-child(1) { margin-right:16px;}
.recomment-box li dd:nth-child(2) { margin-right:16px;}
.recomment-box li dd a { display:block; font-size:22px;margin:30px 0 0 30px; width:80%; overflow:hidden; height:30px; background: linear-gradient(45deg,#c900ed 20%,#f44609 100%);-webkit-background-clip: text;color: transparent;}
.recomment-box li dd p { display:block; margin:20px 0 0 30px; font-size:12px; color:#757575; line-height:20px; width:80%; font-weight:700;}
.recomment-box li dd p em { width:85px; height:22px;background: linear-gradient(to right, #2524ca, #d21ea6);color:#fff; display:block; margin-bottom:8px; line-height:22px; text-align:center; border-radius:15px;}

/*右侧会员登陆区域*/
.member{overflow:hidden;padding:27px 15px 23px 15px;background:white}
.member .btn-area{margin-top:10px;}
.member .btn-area>a{display: block;width: 118px;height:30px;line-height:30px;text-align: center;color: #fff;background:#1ac14b;border:#1ac14b 1px solid;font-size:14px;}
.member .btn-area>a:hover{background-color:#1ac14b;borer:#1ac14b 1px solid}
.member .btn-area a:nth-child(odd){float:left}
.member .btn-area a:nth-child(even){float:right; background:#F8E2DF;border:#F8E2DF 1px solid;color:#1ac14b;}
.wel{font-size:12px; text-align:center; color:#333;}
.wel p{line-height:25px}
.wel .user_img { width: 48px; height:48px; border-radius:50%;overflow: hidden; margin:0px auto 9px;}
.wel .user_img img { width: 48px;}
.m-screen .right .inter{overflow:hidden; background:#fff; }
.m-screen .right .inter ul { overflow:hhidden;border-top:#ddd 1px solid;margin:0px 15px;padding-top:15px;}



.m-screen .right .inter ul li { float:left; width: 25%; height:80px; text-align:center;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.m-screen .right .inter ul li:nth-child(3n+3) { border-right:none;}
.m-screen .right .inter ul li:nth-child(1n+4) { border-bottom:none;}
.m-screen .right .inter ul li:hover {padding-top:0px;}
.m-screen .right .inter ul li:hover a {color:#1ac14b;}
.m-screen .right .inter ul li:hover a i { color:#1ac14b;border: 1px solid #1ac14b;}
.m-screen .right .inter ul li a { color:#666;}
.m-screen .right .inter ul li a i {font-size: 22px;border: 1px solid #ddd;height: 48px;line-height: 48px;display: block;width: 48px;text-align: center;border-radius: 4px; margin:0 auto; color:#999;}
.m-screen .right .inter ul li a p { font-size: 12px; line-height:24px;}

/*公告区域切换样式*/
.tz{overflow:hidden; background:white;margin-top:15px; padding:0px 20px 16px;}
.tz strong { font-size: 16px;padding: 22px 0 10px;font-family: PingFangSC-Medium;font-weight: 400;color: #323232; display:block;}
.tz ul li { font-size: 12px;font-weight: 400;margin-top: 8px;}
.tz ul li a { color:#757575;}

/*楼层开始*/
.brand-list {background: #fff; box-shadow: rgba(227,227,227,.5) 0 0 6px; overflow: hidden;}
.brand-list ul {overflow: hidden;}
.brand-list li {float: left; width: 170px; height: 75px; border:#E9E9E9 solid ; border-width: 0 0 1px 1px;  overflow: hidden;}
.brand-list li a {display:block; position: relative; height: 100%; text-align: center}
.brand-list li a img {margin: 13px auto; width:138px;}
.brand-list li a p {position: absolute; left: 0px; bottom: -23px; display: block; height: 22px; width: 100%; line-height: 22px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.brand-list li a p span {display: block; position: relative; width: 100%; line-height: 22px; text-align: center; font-size: 13px; color: #fff; z-index: 1;}
.brand-list li a p::after {background: #000; display: block; content: ""; width: 100%; height: 22px; margin-top: -22px; opacity: 0.5; filter: alpha(opacity=50)}
.brand-list li a:hover p {bottom: 0}

.s-floor-a .top01 {
	background: -o-linear-gradient(top, #3C84FF, #6BC6FF 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#3C84FF), to(#6BC6FF) 80%);
	background: linear-gradient(160deg, #3C84FF 20%, #6BC6FF 80%);
}

.s-floor-a .top02 {
	background: -o-linear-gradient(top, #7633FF, #778AFF 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#7633FF), to(#778AFF) 80%);
	background: linear-gradient(160deg, #7633FF 20%, #778AFF 80%);
}

.s-floor-a .top03 {
	background: -o-linear-gradient(top, #3BA8BD, #23C8CE 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#3BA8BD), to(#23C8CE) 80%);
	background: linear-gradient(160deg, #3BA8BD 20%,  #23C8CE 80%);
}

.s-floor-a .top04 {
	background: -o-linear-gradient(top, #E8B64A, #FBD953 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#E8B64A), to(#FBD953) 80%);
	background: linear-gradient(160deg, #E8B64A 20%,  #FBD953 80%);
}

.s-floor-a .top05 {
	background: -o-linear-gradient(top, #8B96B3, #ADBCD2 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#8B96B3), to(#ADBCD2) 80%);
	background: linear-gradient(160deg, #8B96B3 20%,  #ADBCD2 80%);
}

.s-floor-a .top06 {
	background: -o-linear-gradient(top, #BE7B93, #E2ABBC 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#BE7B93), to(#E2ABBC) 80%);
	background: linear-gradient(160deg, #BE7B93 20%,  #E2ABBC 80%);
}

.s-floor-a .top07 {
	background: -o-linear-gradient(top, #FF8929, #FFAD2D 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8929), to(#FFAD2D) 80%);
	background: linear-gradient(160deg, #FF8929 20%,  #FFAD2D 80%);
}

.s-floor-a .top08 {
	background: -o-linear-gradient(top, #F44E4E, #FF7F7F 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#F44E4E), to(#FF7F7F) 80%);
	background: linear-gradient(160deg, #F44E4E 20%,  #FF7F7F 80%);
}

.s-floor-a .top09 {
	background: -o-linear-gradient(top, #8A86FF, #A1B3FF 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#8A86FF), to(#A1B3FF) 80%);
	background: linear-gradient(160deg, #8A86FF 20%,  #A1B3FF 80%);
}

.s-floor-a .top010 {
	background: -o-linear-gradient(top, #5EA08B, #74CFB2 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#5EA08B), to(#74CFB2) 80%);
	background: linear-gradient(160deg, #5EA08B 20%, #74CFB2 80%);
}

.s-floor-a .top011 {
	background: -o-linear-gradient(top, #5280DE, #62ACFF 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#5280DE), to(#62ACFF) 80%);
	background: linear-gradient(160deg, #5280DE 20%, #62ACFF 80%);
}

.s-floor-a .top012 {
	background: -o-linear-gradient(top, #46BE63, #55E177 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#46BE63), to(#55E177) 80%);
	background: linear-gradient(160deg, #46BE63 20%,  #55E177 80%);
}
.s-floor-a .top013 {
	background: -o-linear-gradient(top, #BE7B93, #E2ABBC 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#BE7B93), to(#E2ABBC) 80%);
	background: linear-gradient(160deg, #BE7B93 20%, #E2ABBC 80%);
}

.s-floor-a .top014 {
	background: -o-linear-gradient(top, #FF8929, #FFAD2D 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8929), to(#FFAD2D) 80%);
	background: linear-gradient(160deg, #FF8929 20%, #FFAD2D 80%);
}



.m div.floor:nth-child(even){float:left}
.m div.floor:nth-child(odd){float:right}
.floor{width:592px;overflow:hidden;margin-top:20px;box-shadow: 0px 0px 8px rgba(0,0,0,0.09);}
.floor:hover{box-shadow: 0px 0px 8px rgba(0,0,0,0.19)}
.floor .left {width:185px;float:left;height:380px}
.floor .left h2 { display: block;height: 60px;line-height: 60px;font-size: 18px;padding: 0 10px;width:100px; background-color: rgba(0, 0, 0, .3); border-radius:0px 0px 30px 0}
.floor .left h2 a { color:#fff; margin-left:10px;}
.floor .left h2 i { color:#fff;}
.floor .cat {  padding:20px 20px;}
.floor .left .cat h3 {height: 30px; line-height: 30px; font-size: 19px; color: #fff; opacity: 0.8;font-weight:normal;}
.floor .left .cat p {height: 20px; line-height: 20px; font-size: 15px; color: #fff; opacity: 0.5; margin-bottom:20px;}
.floor .left .cat img{width:100%;transition: all 0.2s;}
.floor .left .cat:hover img{transform: scale(1.02);}
.floor .right {overflow:hidden; height: 339px;padding:20px 0 20px 20px; border:1px solid #eee; background:#fff;}
.floor .right dl { float:left; width: 49%; margin:0 1% 20px 0; overflow:hidden; }
.floor .right dl dt { display: block; height: 25px; font-size: 14px;}
.floor .right dl dt a{color:#000;}
.floor .right dl dt a:hover{color:#ee2e2c;}
.floor .right dl dd{height:75px;overflow:hidden;}
.floor .right dl dd a {  display: inline-block;color:#777;margin-right: 15px;font-size: 12px; line-height:25px;}
.floor .right dl dd a:hover{color:#ee2e2c;}
.i-title{font-size:14px;height:24px;overflow:hidden; color:#777}
.i-title b{font-size:20px;color:#000;}
.i_title_xh { color: #999;font-size: 12px;font-weight: 700;height:40px; line-height:40px; position:relative;padding-left:50px;}
.i_title_xh i { font-weight:400; font-size:32px; margin-right:10px; padding:0px 2px; display:inline-block;color:#ee2e2c;}
.i_title_xh .i_xh_01 { font-size:36px; position:absolute;left:0px; top:-1px;}
.i_title_xh .i_xh_02 { font-size:24px;  position: relative;top: 2px; background: linear-gradient(90deg,#d10000 0%,#ff512c 80%);-webkit-background-clip: text;color: transparent;}

.i_title_xh span { display: inline-block;width: 80%;height: 2px;background: linear-gradient(90deg,#ee2e2c 0%,#ff512c 80%);margin-left: 24px;}

.s-floor-a { background:#fff; overflow:hidden;}
.s-floor-a .left{width:260px;float:left; height:493px;padding-top:30px; position:relative;}

.s-floor-a .left h3{font-size:26px; text-align:left; padding-left:20px; line-height:35px; font-weight:700;}
.s-floor-a .left h3 a { color: #fff;}
.s-floor-a .left .s_banner_img { width: 100%;height: 340px; overflow:hidden;}
.s-floor-a .left .s_banner_img img { width:260px; height:310px;}
.s-floor-a .left .s_banner_img p { margin: 5px 0px 7px;letter-spacing: .7px;font-size: 16px;color: #fff;padding-left: 20px;}
.s-floor-a .left .cat { position:absolute; bottom:20px; left:0px;}
.s-floor-a .left .cat dl{font-size:12px;line-height:23px;margin-top:10px;overflow:hidden;}
.s-floor-a .left .cat dl a{width:110px; display:block; border-radius:15px; height:30px;line-height:30px;font-size:14px;margin-top:10px; text-align:center; 
color: #fff;border: 1px solid #fff;border: 1px solid hsla(0,0%,100%,.6);background: hsla(0,0%,95%,.2);	-webkit-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;} 
.s-floor-a .left .cat dl a:hover {background: hsla(0,0%,95%,.5);}
.s-floor-a .left .cat dl dd{ width:45%; display:block;float:left;margin-left:3%;}
.s-floor-a .right{overflow:hidden;width:940px;float:left; border-top:1px solid #eee;}
.s-floor-a .right img{width:170px;height:170px;margin-bottom:10px;  -webkit-transition: all .3s;
     -moz-transition: all .3s;
      -ms-transition: all .3s;
       -o-transition: all .3s;
          transition: all .3s; }
.s-floor-a .right ul li:hover img { margin-left:-5px;}

.s-floor-a .right .li1{float: left; width: 170px; height: 212px; padding: 24px 32px; background: white; overflow: hidden; position: relative; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.s-floor-a .right p{text-align:center;line-height:23px;}
.s-floor-a .right .til{font-size:14px;color:#333;}
.s-floor-a .right .tsg{font-size:18px;color:#ee2e2c;}
.s-floor-a .right .tsg i { font-size:12px;}
.s_company_img ul li {float: left;background: white;padding: 15px;overflow: hidden;border: #eee 1px solid;width: 361px;margin-right: 10px;}
.s_company_img ul li:nth-child(3n+3) {margin-right:0px;}
.s_company_img ul li .s_image {float: left;margin-right: 10px;}     
.s_company_img ul li .s_image img {width: 100px;height: 100px;}
.s_company_img ul li .s_info {overflow: hidden;color: #999;font-size: 14px;padding-bottom:4px;}
.s_company_img ul li .s_info h2 { display:block; margin-bottom:8px;}
.s_company_img ul li .s_info p { display:block; margin-bottom:6px;}
.s_company_img ul li .s_info .s_aniu a { padding:5px 15px; background:#ee2e2c; color:#fff; font-size:14px; border-radius:3px;}
.s-floor-a .right .li2{float: left; width: 449px; height: 66px; padding: 10px 10px !important; background: white; overflow: hidden; position: relative; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.s-floor-a .right .li2 a {padding: 5px 0px;font-size: 14px;height: 30px;line-height: 30px;display: block;overflow: hidden;}
.s-floor-a .right .li2 .pri{font-size: 14px;color: #ee2e2c;padding-top: 5px;}
.s-floor-a .right .li2 .comp{font-size: 14px;}
.s-floor-a .right .li2 .comp a{color:#1ac14b;padding:0px;}


/*牛商推荐*/
.slns ul{width:1230px;}
.slns ul li{float:left;width:260px;margin-right:14px;background:white;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);padding:25px 15px;margin-bottom:15px; text-align:center;border-top:#1ac14b 2px solid}
.slns ul li img{width:50px; text-align:center;border:#eee 1px solid;padding:0px 40px}
.slns ul li h5{font-size:16px;font-weight:normal;overflow:hidden;padding:10px 0}
.slns ul li p{color:#999}
/*产地宝*/
.white{background:white;overflow:hidden;padding:30px 0;width:100%}
.chandibao{width:1250px;margin-top:20px}
.chandibao li {margin-right: 15px;margin-bottom: 20px;float:left;width:200px;box-shadow: 0px 0px 3px rgba(0,0,0,0.05); position:relative;padding:14px 14px 18px;overflow:hidden}
.chandibao li:hover{box-shadow: 0px 0px 5px rgba(0,0,0,0.15)}
.chandibao li img{width:100%}
.chandibao li p.s-title{font-size:16px;line-height:20px;height:20px;margin:15px 0;text-align:center;font-weight:bold}
.chandibao li p.com{ text-align:center;}
.chandibao li p.com a{font-size:14px;line-height:24px;height:24px;background:#B3AA9A;border-radius:14px;color:white;display:block;padding:0px 20px}
.chandibao li:hover p.com a{background: linear-gradient(75deg, #FF9900, #d10000);color:white}
.chandibao li .mark{position:absolute;top:14px;right:13px;width:47px;height:61px;background:url(img/chandibao.png) no-repeat;background-size:47px 61px}
/*猜你喜欢*/


.guess-like { background:#fff; overflow:hidden;}
.guess-like{width:1200px;}
.guess-like ul { padding:0px 20px;}
.guess-like li {float:left;width:190px;background:white;border: 1px solid #eaeef2; position:relative;padding:14px;overflow:hidden;margin:0px 15px 25px 0px;}
.guess-like li:nth-child(5n+5) { margin:0px 0px 25px 0px;}  
    
.guess-like li:hover{border: 1px solid #1ac14b;}
.guess-like li img{width:100%}
.guess-like li p.s-title{font-size:14px;line-height:20px;height:40px;margin-top:10px;color:#555;overflow:hidden;}
.like {width: 100%;height: 85px;background: #1ac14b;text-align: center;color: #fff;position: absolute;bottom: -85px;visibility: hidden;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;-ms-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;left:0}
.guess-like li:hover .like {visibility: visible;bottom: 0px;}
.like p{font-size:12px}
.like i{font-size:16px;border-bottom:#f9f9f9 1px solid;display:block;height:30px;margin:10px 70px 10px;}
.guess-like li p.price{font-size:18px;line-height:20px;margin-top:10px;}
.guess-like li p.price em{float:left;color:#1ac14b;font-weight:bold}
.guess-like li p.price em i{font-size:12px}
.guess-like li p.price span{float:right;font-size:12px;color:#777}


/*友情链接*/
.link{overflow:hidden;line-height:23px;font-size:14px;background:white;}
.link span {height: 60px;line-height: 60px;float: right;}
.link dl {padding:0px 20px 20px;}
.link a{white-space:nowrap; color:#666; margin:0 8px 0px 0px; display:inline-block; line-height:23px;font-size:14px}
.link a:hover{color:#1ac14b;}



.industry-bar {
    position:fixed;top:100px;left:50%;margin-left:-680px;width:70px;display:none;z-index:1000;box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
    z-index: 1000;
    background: white;
}
.industry-bar.hover {
    display:block
}
.industry-bar h5 {
	height: 26px;
    line-height: 26px;
    padding: 5px 0;
    background: linear-gradient(75deg, #056274, #23C8CE);
    text-align: center;
    color: #fff;
}

.industry-bar li {
    padding:8px 8px;/*height:36px;*/line-height:16px;margin:0 auto;text-align:center; background:#ffffff;margin-top: 3px;border-bottom: #e9e9e9 1px solid;
	
}
.industry-bar li a {
    display:block;line-height:16px;font-size:12px;line-height: 20px; color: #333;
}
.industry-bar li.current {background: linear-gradient(125deg, #1ac14b, #008800);color:#fff;
}
.industry-bar li:hover {background:#1ac14b;}
.industry-bar li:hover a { color:#fff;}
.industry-bar li.current a{color:white}


/*SSM the*/

.good-shop { overflow:hidden; background:#fff;}
.title-A1 { font-size: 16px;padding:0px 20px; height:60px; line-height:60px; font-weight: 700; color: #323232; display:block;}
.title-A1 em { font-size:14px; color:#757575; margin-left:20px; font-weight:400;}
.title-A1:before {content: "";background: #1ac14b;float: left;margin-right: 10px;height: 20px;width: 4px;margin-top: 20px;border-radius: 2px;}

.good-shop dl { width: 371px;float: left;box-shadow: 0px 1px 4px 0px rgba(222,224,228,0.4);border: 1px solid #eaeef2;margin:0 0 20px 20px; overflow:hidden; padding-bottom:20px;}

.good-shop dl dt h5 {padding:0 18px; position: relative;width: 100%;height: 60px; line-height:60px;background: #F8FAFB; font-size:14px; font-weight:400; box-sizing:border-box;}
.good-shop dl dt h5 em { float:right;}
.good-shop dl dt h5 em a { background:#1ac14b; color:#e1e1e1; border-radius:4px; padding:5px 15px;}
.good-shop dl dt h5 em a:hover { background:#ee2e2c; color:#fff; }
.good-shop dl dt h5 a { color: #2d2c34;}
.good-shop dl ul li { float:left; margin:20px 0 0 18px; width:100px;}
.good-shop dl ul li img { width:100px; height:100px;}
.good-shop dl ul li p { font-size: 14px;color: #979797; width:100%; height:20px; line-height:20px;text-align:center; margin-top:8px; overflow:hidden; display:block;}



.industry-A1 { width:100%; height:640px;}
.industry-A1 .tab-wrapper-A {width:100%; height:60px; background:#fff;border-bottom: 2px solid #1ac14b; position:relative;}
.industry-A1 .tab-menu>li { cursor:pointer; display:block;width:150px;float:left; text-align:center;font-size:14px;}
.industry-A1 .tab-menu>li span { color:#333;line-height:60px; display:block;width:150px; height:60px;}
.industry-A1 .tab-menu>li span:before{ font-family: "iconfont"; display:inline-block;  font-size:26px;display: inline-block;font-size: 26px;width: 30px;height: 30px;position: relative;top: 4px;line-height: 24px;margin-right:5px; color:#1ac14b;}

.industry-A1 .tab-menu>li:nth-child(1) span:before { content:"\e795";}
.industry-A1 .tab-menu>li:nth-child(2) span:before { content:"\e740";}
.industry-A1 .tab-menu>li:nth-child(3) span:before { content:"\e624";}
.industry-A1 .tab-menu>li:nth-child(4) span:before { content:"\e76d";}
.industry-A1 .tab-menu>li:nth-child(5) span:before { content:"\e8cd";}
.industry-A1 .tab-menu>li:nth-child(6) span:before { content:"\e605";}
.industry-A1 .tab-menu>li:nth-child(7) span:before { content:"\e650";}
.industry-A1 .tab-menu>li:nth-child(8) span:before { content:"\e763";}
.industry-A1 .tab-menu>li:nth-child(9) span:before { content:"\e745";}


.industry-A1 .tab-menu>li.active span,.industry-A1 .tab-menu li.active span:before{ color:#fff;}
.industry-A1 .tab-menu>li span:hover,.industry-A1 .tab-menu li:hover span:hover:before{ color:#fff;}
.industry-A1 .tab-menu>li span:hover { background:#1ac14b;}
.industry-A1 .tab-menu>li.active {color:#fff; background:#1ac14b;}
.industry-A1 .zhuti {width:1200px;opacity:0; position:absolute; top:100px; left:0px; }
.industry-A1 .tab-menu>li.active .zhuti { display:block;top:70px; opacity:1;transition: all 0.6s ease; z-index:9;}

.industry-A1 .zhuti .top01 { background-image: linear-gradient(to bottom,#1ac14b,#008800);}
.industry-A1 .zhuti .top02 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top03 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top04 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top05 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top06 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top07 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top08 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}
.industry-A1 .zhuti .top09 { background-image: linear-gradient(to bottom,#009f8e,#018b8a);}

.industry-A1 .zhuti .left{width:280px;float:left; height:570px; position:relative;}
.industry-A1 .zhuti .left h3{height: 60px;line-height:60px;padding: 0 20px;overflow: hidden;position: relative; display:block; font-weight:400; font-size:18px;}
.industry-A1 .zhuti .left h3 a { color: #fff;}
.industry-A1 .zhuti .left .s_banner_img { width: 100%;height: 340px; overflow:hidden;}
.industry-A1 .zhuti .left .s_banner_img img { width:280px; height:310px;}
.industry-A1 .zhuti .left .s_banner_img p { margin: 5px 0px 7px;letter-spacing: .7px;font-size: 16px;color: #fff;text-align:center;}
.industry-A1 .zhuti .left .cat { position:absolute; bottom:0px; left:0px; padding-bottom:20px;}
.industry-A1 .zhuti .left .cat dl{font-size:12px;line-height:23px;margin-top:10px;overflow:hidden; padding-left:20px;}
.industry-A1 .zhuti .left .cat dl a{width: 72px; display: block;height: 28px; line-height: 28px; font-size: 14px;text-align: center; color: #fff; border: 1px solid #fff; border: 1px solid hsla(0,0%,100%,.6); background: hsla(0,0%,95%,.2); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} 
.industry-A1 .zhuti .left .cat dl a:hover {background: hsla(0,0%,95%,.5);}
.industry-A1 .zhuti .left .cat dl dd{ display: block;float: left;margin:0 10px 10px 0;}


.industry-A1 .zhuti .right{width:920px;float:left;}
.industry-A1 .zhuti .right img{width:170px;height:170px;margin-bottom:10px; margin-top:25px;
  -webkit-transition: all .3s;
     -moz-transition: all .3s;
      -ms-transition: all .3s;
       -o-transition: all .3s;
          transition: all .3s; }
.industry-A1 .zhuti .right ul li:hover img { margin-left:-5px;}
.industry-A1 .zhuti .right li{float: left; width: 220px; height: 280px;background: #fff; overflow: hidden;margin: 0px 0px 10px 10px; border:1px solid #eee;box-sizing:border-box;}
.industry-A1 .zhuti .right li:nth-child(1n+5) { margin: 0px 0px 0px 10px;}
.industry-A1 .zhuti .right p{text-align:center;line-height:25px;}
.industry-A1 .zhuti .right .til{font-size:14px;color:#333;padding:0px 5px 0px 20px;}
.industry-A1 .zhuti .right .tsg{font-size:18px;color:#d0021b;}
.industry-A1 .zhuti .right .tsg i { font-size:12px;}

/*楼层左侧幻灯广告tht*/
.flexslider{position:relative;width:280px;height:310px;overflow:hidden;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flex-direction-nav li a {width:60px;height:90px;overflow:hidden;margin:-60px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;-webkit-transition:all .3s ease; font-size: 0px;}
.flex-direction-nav li a { background:#000; display:none;}
.flex-direction-nav .flex-next{right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;}
.flexslider:hover .flex-prev{opacity:0.8;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block; width:12px; height:12px;}
.flex-control-paging li a {display:inline-block;height:12px;width:12px;font-size:0px; overflow:hidden;cursor:pointer; background:rgba(255,255,255,.6); border-radius:6px;}
.flex-control-paging li a.flex-active{background:#fff;}
/*楼层左侧幻灯广告end*/


/*首页供求模块the*/
.i_supply { overflow: hidden;background: #fff;}
.i_supply #scrollDiv {width:1200px;height:480px; overflow:hidden;}
.i_supply ul li { overflow:hidden;}
.i_supply ul li dd {width: 275px;height: 140px;background: #fafafa;float: left;margin: 0 0 20px 20px;position: relative;}
.i_supply ul li dd a {width: 230px;height: 100px;display: block;padding: 20px;}
.i_supply ul li dd a {transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.i_supply ul li dd a:hover {transform: translate(0, -10px);-webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);-o-transform: translate(0, -10px);-ms-transform: translate(0, -10px);}
.i_supply ul li dd h3 {width: 230px;height: 40px;line-height: 40px;display: block;font-size: 16px;color: #3c3c3c;text-align: center;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.i_supply ul li dd a:hover h3 {color: #1ac14b;}
.i_supply ul li dd p {width: 230px;height: 30px;line-height: 30px;display: block;font-size: 14px;color: #999;text-align: left;overflow: hidden;}
.i_supply ul li dd p span {height: 30px;line-height: 30px;font-size: 14px;color: #999;text-align: left;overflow: hidden;}
/*首页供求模块end*/


/*资讯模块the*/

.news{ width:1198px; height:495px; margin:0px auto; background:#fff; overflow:hidden;border:1px solid #eee;}
.news_title{ width:1148px; height:68px; padding:0 25px; border-bottom:#eee 1px solid}
.news_title h2{ float:left; line-height:68px; background:url(img/news_title_bg.png) left no-repeat; text-indent:30px; font-size:20px; color:#ff7200; }
.news_title p{ float:right; height:14px; line-height:14px; font-size:14px; text-align:right; margin-top:27px;}
.news_title p a{ margin-left:10px;}
.news_title p a:hover{color:#ee2e2c}
.news_content{ width:1200px; height:450px; position:relative;}
.news_content_left{ float:left; width:359px;padding:15px; height:450px;}
.news_content_center{ float:left; width:500px;border-left:#eee 1px solid; height:450px;overflow:hidden}
.news_content_center p{  height:60px; padding:19px 20px 10px; line-height:30px; font-size:12px; color:#999; overflow:hidden;}
.news_content_center p a{ font-size:18px; padding-left:25px; background:url(img/news_content_center_p_a_bg.png) left no-repeat;font-weight:bold}
.news_content_center ul{ padding:15px 20px 14px; border-bottom:1px solid #eee;}
.news_content_center ul li{ height:30px; line-height:30px; font-size:12px;list-style:inside;float:none;}
.news_content_center ul li a{ font-size:14px; padding-right:10px;}
.news_content_center ul li span{ color:#999; float:right;}

.news_content_right{ float:left; width:308px; height:449px; overflow:hidden; border-right:1px solid #eee; border-left:1px solid #eee; }
.news_content_right_top{ width:100%; height:89px;  border-bottom:1px solid #eee; background:url(img/news_content_right_top_bg.png) no-repeat top right;}
.news_content_right p{ width:270px; height:80px; margin:0 19px; padding:15px 0 19px; border-top:1px dashed #eee; line-height:20px; color:#999; font-size:12px;}
.news_content_right p:nth-child(2){border-top:none}
.news_content_right p a{ font-size:14px;color:#000}
.news_content_right p a:hover{color:#ee2e2c}
.news_content_right p span a{ font-size:12px; color:#2277e6; padding-right:4px;}
.box{border:#e1e1e1 0px solid;border-top:#009237 0px solid;}
.box ul{padding:0px 0px}
.box ul li{line-height:33px;font-size:14px;height:33px;overflow:hidden}
.box ul li:nth-child(1) em ,.box ul li:nth-child(2) em ,.box ul li:nth-child(3) em{background:#ff7200}
.box ul li em{background:#999; display:block;width:20px; height:20px;float:left;margin-right:8px; text-align:center;line-height:18px;color:white;margin-top:8px;font-size:14px;border-radius:50%; font-style:normal}



/*资讯模块end*/


/*SSM end*/

/*采购*/
.floor-title { height: 30px; line-height: 15px;}
.floor-title .f1 { font-size: 16px;}
.floor-title .f1:before{ content:""; width: 3px;height: 16px; background:#1ac14b; float:left; margin-right:10px;}
.gdbody dl{overflow:hidden;}
.gdbody dl dd{float:left;width:259px;padding:17px 20px;position:relative;border-right:#eee 1px solid;border-bottom:#eee 1px solid;overflow:hidden;height:50px;}
.gdbody dl dd h4{font-weight:normal;color:#333;width:170px;font-size:16px;height:25px;}
.gdbody dl dd h4:hover{color:#1ac14b}
.gdbody dl dd:nth-child(3),.gdbody dl dd:nth-child(6),.gdbody dl dd:nth-child(9),.gdbody dl dd:nth-child(12),.gdbody dl dd:nth-child(15){border-right:none}
.gdbody dl dd p{color:#777;font-size:12px;margin-top:10px; text-align:left}
.gdbody dl dd em{background:#777;color:white;position:absolute;right:20px;top:17px;display:block;padding:2px 10px 0px;font-size:12px;height:23px;line-height:23px;border-radius:15px;}
.gdbody dl dd:hover em{background:#1ac14b}
.gdbody dl dd font{color:red}
.gdbody {background:white;overflow:hidden;width:900px;float:left;border:#eee 1px solid;padding:20px 30px}
.purchase-send{height:296px;width:223px;float:right;background:#fff;position:relative;border:#eee 1px solid}
.purchase-send a{display: block;}
.purchase-sendtop{padding-top:12px;text-align:center;color:#282828;margin-bottom:6px}
.purchase-sendtop h4{font-size:16px;line-height:30px}
.purchase-sendtop p{font-size:12px;padding:3px 0 0}
.purchase-sendtop p b{color:#d94536;font-weight:400}
.unitBox{width:70px;float:right}
.purchase-send{overflow:hidden;}
.purchase-send ul{overflow:hidden;padding-bottom:15px}
.purchase-send input{border:1px solid #e9eaec;height:32px;padding-left:6px;width:100%;color:#282828;font-size:12px;transition:.5s}
.purchase-send input.w82{width:82px;float:left;overflow:hidden;margin-right:10px;}
.purchase-send li{padding:10px 0px 0 20px;height:34px;font-size:12px;float:left;width:175px;}
.unitBox p{height:32px;border:0;background:none;width:60px;line-height:32px;padding-left:6px;color:#1ac14b}
.purchase-send button{display:block;width:140px;height:30px;background:#d94536;border-radius:50px;border:0;color:#fff;font-size:14px;margin:0px auto 0;z-index:6;line-height:30px;transition:.3s}
.purchasePrompt{text-align:center;font-size:12px;color:#1ac14b;padding-top:12px}.blueTit{border-left:5px solid #2375da;padding-right:200px}.boxTitle.blueTit em{background:#2375da;margin-top:25px}
.purchaseSucc {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.purchaseBg {display: block;opacity: .8;background: #282828;z-index: 5;}
.purchaseSucc dl {position: absolute;left: 20px;right: 20px;z-index: 6;top: 110px;color: #fff;text-align: center;}
.purchaseSucc dt {font-size: 16px;line-height: 36px;}
.purchaseSucc dd {font-size: 12px;}
.purchaseSucc button {position: absolute;bottom: 30px;left: 40px;}
.purchase-send button {display:block;width:140px;height:30px;background:#d94536;border-radius:50px;border:0;color:#fff;font-size:14px;margin:22px auto 0;z-index:6;line-height:30px;transition:.3s;}
.purchaseBg,.purchaseSucc {position:absolute;top:0;left:0;width:100%;height:100%;}

/*采购 end*/

/*展会*/
.ic {background: #fff;}
.ic-b {margin-bottom:20px;background: #fff;}
.ic-l {width:198px;float:left;border-right: #eee 1px solid;height: 280px;}
.ic-m {width:472px;float:left;margin:0 30px;}
.ic-r {width:468px;float:left;}

.ic-brand {border:#DDDDDD 0px solid;padding:19px;margin-bottom:20px;}
.ic-brand i {font-style:normal;font-size:16px;}
.ic-brand p {margin-top:20px;padding-top:5px;text-align:center;height:85px;}
.ic-brand p:hover {background:#FFFFFF;border-left:#007AFF 2px solid;}
.ic-brand p b {display:block;height:32px;line-height:32px;overflow:hidden;font-size:14px;margin:0;font-weight:normal;}
.ic-brand #brands {overflow:hidden;height:250px;}

.ic-know-credit {background:url('image/ico_reward.gif') no-repeat right center;color:#666666;padding:0 16px;}

.ic-down {}
.ic-down div {width:136px;margin:0 20px 20px 0;float:left;}
.ic-down div p {height:36px;line-height:18px;overflow:hidden;font-size:12px;margin:10px 0 0 0;}

.ic-club {border:#DDDDDD 1px solid;height:240px;overflow:hidden;margin-bottom:20px;}
.ic-club-h {height:48px;line-height:48px;border-bottom:#DDDDDD 1px solid;padding:0 10px 0 20px;}
.ic-club-h strong {font-size:16px;font-weight:normal;}
.ic-club-h span {float:right;font-size:14px;}
.ic-club-h i {font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;}
.ic-club-b {width:1200px;overflow:hidden;}
.ic-club-b div {width:150px;height:150px;padding:20px 0;float:left;text-align:center;}
.ic-club-b div:hover {background:#F2F2F2;}
.ic-club-b div:hover img {border:#FF6600 2px solid;}
.ic-club-b img {width:86px;height:86px;border-radius:50%;padding:2px;border:#DDDDDD 2px solid;}
.ic-club-b p {height:32px;line-height:32px;overflow:hidden;font-size:14px;margin:0;}
.ic-club-b span {font-size:12px;color:#999999;}



